require(['./config'], () => {
    require(['template', 'header','footer'], (template) => {
        class Index {
            constructor () {
                this.getCategory()
            }
            getCategory () {
                // 颗粒度
                $.get('/libs/json/homeCategory.json', resp => {
                    this.renderCategory(resp)
                })
            }
            renderCategory (list) {
                // templat方法的第一个参数传script的id名（不加#）
                // 第二个参数传对象，对象里面写模板所需要的数据
                // 对象的属性名对应模板里面所需要的变量名
                // 对象里的属性值对应从后端取到的数据
                console.log({list})
                const html = template('categoryTemplate', { list })
                $('.none').html(html)
            }
        }
        new Index()
    })
})


